<head>
<link rel="stylesheet" href="/eSDK_OpenAPI_Demo_BS_JAVA/css/tree.css"
	type="text/css">
<link rel="stylesheet"
	href="/eSDK_OpenAPI_Demo_BS_JAVA/css/zTreeStyle.css" type="text/css">
<link rel="stylesheet" href="/eSDK_OpenAPI_Demo_BS_JAVA/css/demo.css"
	type="text/css" />
<link href="/eSDK_OpenAPI_Demo_BS_JAVA/css/thickbox.css" media="screen"
	rel="stylesheet" type="text/css" />
<script type="text/javascript"
	src="/eSDK_OpenAPI_Demo_BS_JAVA/js/jquery-1.8.3.js"></script>
<script type="text/javascript"
	src="/eSDK_OpenAPI_Demo_BS_JAVA/js/jquery.ztree.core-3.5.js"></script>
<script src="/eSDK_OpenAPI_Demo_BS_JAVA/js/en-us.js"
	type="text/javascript"></script>
<script src="/eSDK_OpenAPI_Demo_BS_JAVA/js/zh-cn.js"
	type="text/javascript"></script>
<script src="/eSDK_OpenAPI_Demo_BS_JAVA/js/demotools.js"
	type="text/javascript"></script>

<script type="text/javascript">
	function createHostGroup() {
		var id = $("#hostGroupId").val();
		var name = $("#hostGroupname").val();
		var description = $("#hostGroupDescription").val();
		var associateId = $("#associateId_host").val();
		// 简单参数校验
		if (isEmpty(name)) {
			$("#hostGroupnameErrTip").html(
					controller.language.titles["nameErrTip"]);
			return false;
		} else {
			$("#hostGroupnameErrTip").html("");
		}
		$.ajax({
			url : "/eSDK_OpenAPI_Demo_BS_JAVA/openapiServlet",
			type : "post",
			dataType : "json",
			data : "&id=" + id + "&name=" + name + "&description="
					+ description + "&associateId=" + associateId
					+ "&method=createHostGroup",
			async : false,
			success : function(data) {
				if ("success" == data) {
					self.parent.tb_remove();
				} else {
					$("#HostGroup_status").html(data);
				}
			},
			error : function(data) {
				$("#HostGroup_status").html(
						controller.language.titles["operationFailed"]);
			},
			beforeSend : function() {
				$("#HostGroup_status").html("");
			}
		});
	}
	function load() {
		changeLang();
		$.ajax({
			url : "/eSDK_OpenAPI_Demo_BS_JAVA/openapiServlet",
			type : "post",
			dataType : "json",
			data : "&method=getBatchHost",
			async : false,
			success : function(data) {
				$.each(data, function(key, value) {
					var Option = document.createElement("OPTION");
					Option.value = key;
					Option.text = value;
					document.getElementById("associateId_host").options
							.add(Option);
				});
			}
		});
	}
</script>
</head>
<body onload="load()">
	<div class="inoutput_param_div1">
		<table width="100%">
			<tr>
				<td width="10%"></td>
				<td></td>
				<td width="40%"></td>
				<td></td>
			</tr>
			<tr>
				<td></td>
				<td align="left" width="25%"><font color='red'>*</font> <label
					id="nameLabel"></label></td>
				<td align="left"><input type="text" id="hostGroupname"
					name="hostGroupname"></td>
				<td align="left"><span class="span_tip"
					id="hostGroupnameErrTip"> </span></td>
			</tr>
			<tr>
				<td></td>
				<td align="left"><font color='white'>*</font> <label
					id="idLabel"></label></td>
				<td align="left"><input type="text" id="hostGroupId"
					name="hostGroupId"></td>
			</tr>
			<tr>
				<td></td>
				<td align="left"><font color='white'>*</font> <label
					id="descriptionLabel"></label></td>
				<td align="left"><input type="text" id="hostGroupDescription"
					name="hostGroupDescription"></td>
			</tr>
			<tr>
				<td></td>
				<td align="left"><font color='white'>*</font> <label
					id="hostIdLabel"></label></td>
				<td align="left"><select id="associateId_host"
					name="associateId_host" onmouseover="FixWidth(this)">
						<option></option>
				</select></td>
			</tr>
			<tr>
				<td colspan="2"></td>
				<td align="left"><input class="btn"
					onmouseover="this.className='btn_mouseover'"
					onmouseout="this.className='btn'" type="button"
					id="createHostGroupBtn" onclick="createHostGroup();"></td>
				<td></td>
			</tr>
			<tr>
				<td colspan="2"></td>
				<td align="left"><label algin="left" id="HostGroup_status"
					name="HostGroup_status"> </label></td>
				<td></td>
			</tr>
		</table>
	</div>
</body>
